
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>欢迎来到家有书画</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0"/>
    <link rel="stylesheet" href="lib/font/css/font-awesome.css">
    <link rel="stylesheet" href="css/common/base.css">
    <link rel="stylesheet" href="css/homepage/homepage.css">
</head>
<body>
    <div class="layout">
            <!--头部搜索-->
              <header class="layout_header ">
                     <div class="layout_header_box">
                         <form action="">
                             <i class="fa fa-search" aria-hidden="true"></i>
                             <input type="search" placeholder="请输入拍品、卖家、艺术家名称"/>
                         </form>
                     </div>
              </header>
            <!--头部搜索-->
            <!--content-->
                <div class="layout_content">
                    <!--nav-->
                    <nav class="layout_nav">
                        <ul>
                            <li class="active">精选</li>
                            <li>拍场</li>
                        </ul>
                    </nav>
                    <!--/nav-->
                    <div class="nav_content">
                            <!--精选-->
                            <section class="item">
                                 <!--轮播展示-->
                                    <div id="jssor_1" style="position: relative; margin: 0 auto; top:5px; left: 0; width: 800px; height: 456px; overflow: hidden; visibility: hidden; ">
                                        <!-- Loading Screen -->
                                        <div data-u="loading" style="position: absolute; top: 0; left: 0;">
                                            <div style="filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top:0; left: 0; width: 100%; height: 100%;"></div>
                                            <div style="position:absolute;display:block;top:0;left:0;width:100%;height:100%;"></div>
                                        </div>
                                        <div data-u="slides" style="cursor: default; position: relative; top: 0; left: 0; width: 800px; height: 356px; overflow: hidden;">
                                            <div data-p="144.50" style="display: none;">
                                                <img data-u="image" src="img/nav2.jpg" />
                                            </div>
                                            <div data-p="144.50" style="display: none;">
                                                <img data-u="image" src="img/nav1.jpg" />
                                            </div>
                                            <div data-p="144.50" style="display: none;">
                                                <img data-u="image" src="img/nav2.jpg" />
                                            </div>
                                        </div>
                                        <!-- Arrow Navigator -->
                                        <span data-u="arrowleft" class="jssora05l" style="top:158px;left:8px;width:40px;height:40px;"></span>
                                        <span data-u="arrowright" class="jssora05r" style="top:158px;right:8px;width:40px;height:40px;"></span>
                                    </div>
                                <!--/轮播展示-->
                                <!--精选商品-->
                                      <div class="choice clearfix" style="margin-top:-40px;">
                                          <div class="title">
                                              <p class="blackColor"><b>精选商品</b></p>
                                          </div>
                                           <ul class="">
                                               <li>
                                                   <a href="">
                                                       <div class="img_box">
                                                           <img src="img/item2.jpg" alt="">
                                                       </div>
                                                       <p class="des">一物一拍 小叶紫檀15mm老料包浆多金星手串34g</p>
                                                       <p><span class="auction redBorderColor">拍卖中</span><span class="num greyColor">拍品:200</span></p>
                                                   </a>
                                               </li>
                                               <li>
                                                   <a href="">
                                                       <div class="img_box">
                                                           <img src="img/item.jpg" alt="">
                                                       </div>
                                                       <p class="des">一物一拍 小叶紫檀15mm老料包浆多金星手串34g</p>
                                                       <p><span class="auction redBorderColor">拍卖中</span><span class="num greyColor">拍品:200</span></p>
                                                   </a>
                                               </li>
                                               <li>
                                                   <a href="">
                                                       <div class="img_box">
                                                           <img src="img/item.jpg" alt="">
                                                       </div>
                                                       <p class="des">一物一拍 小叶紫檀15mm老料包浆多金星手串34g</p>
                                                       <p><span class="auction redBorderColor">拍卖中</span><span class="num greyColor">拍品:200</span></p>
                                                   </a>
                                               </li>
                                               <li>
                                                   <a href="">
                                                       <div class="img_box">
                                                           <img src="img/item.jpg" alt="">
                                                       </div>
                                                       <p class="des">一物一拍 小叶紫檀15mm老料包浆多金星手串34g</p>
                                                       <p><span class="auction redBorderColor">拍卖中</span><span class="num greyColor">拍品:200</span></p>
                                                   </a>
                                               </li>
                                           </ul>
                                      </div>
                                <!--/精选商品-->
                            <!--/精选-->
                            </section>
                            <!--拍场-->
                            <section class="item" hidden="hidden">
                                <div class="title">
                                    <p class="blackColor"><b>推荐专场</b></p>
                                </div>
                                 <div class="auctionBox">
                                     <ul>
                                         <li>
                                             <a href="">
                                                 <div class="img_box">
                                                     <img src="img/item2_1.jpg" alt="">
                                                 </div>
                                                 <p class="des">一物一拍 小叶紫檀15mm老料包浆多金星手串34g</p>
                                                 <p class="time">2016-12-05 8:20 -2016-12-06 10:20</p>
                                                 <p><span class="auction redBorderColor">拍卖中</span><span class="num greyColor ">拍品:200</span></p>

                                             </a>

                                         </li>
                                         <li>
                                             <a href="">
                                                 <div class="img_box">
                                                     <img src="img/item2_1.jpg" alt="">
                                                 </div>
                                                 <p class="des">一物一拍 小叶紫檀15mm老料包浆多金星手串34g</p>
                                                 <p class="time">2016-12-05 8:20 -2016-12-06 10:20</p>
                                                 <p><span class="auction redBorderColor">拍卖中</span><span class="num greyColor ">拍品:200</span></p>

                                             </a>

                                         </li>
                                         <li>
                                             <a href="">
                                                 <div class="img_box">
                                                     <img src="img/item2_1.jpg" alt="">
                                                 </div>
                                                 <p class="des">一物一拍 小叶紫檀15mm老料包浆多金星手串34g</p>
                                                 <p class="time">2016-12-05 8:20 -2016-12-06 10:20</p>
                                                 <p><span class="auction redBorderColor">拍卖中</span><span class="num greyColor ">拍品:200</span></p>

                                             </a>

                                         </li>
                                     </ul>
                                 </div>

                            </section>
                    </div>
                </div>

            <!--/content-->
    </div>
        <!--js-->
    <script src="js/homepage/jquery-1.9.1.min.js"></script>
    <script src="js/homepage/jssor.slider.debug.js"></script>
    <script src="js/homepage/slide.js"></script>
    <script>
        $(".layout_nav ul li").click(function (){
            var index=$(this).index();
            $(".layout_nav ul li").removeClass('active');
            $(this).addClass('active');
            $(".nav_content section").hide();
            $(".nav_content section:nth-child("+(index+1)+")").show();

        })


    </script>

</body>
</html>